﻿@{
    ViewData["Title"] = "About";
}<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-4">
        <h2>基础数据 > 全校教职工</h2>

    </div>
    <div class="col-sm-8">
        <div class="title-action">
            <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增教师</button>
            <button type="button" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>修改教师</button>
            <button type="button" class="btn btn-danger btn-sm"><i class="fa fa-adjust"></i>教师异动</button>
            <button type="button" class="btn btn-info btn-sm"><i class="fa fa-cloud-download"></i>导出教师</button>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="row">
        <form id="searchForm">
            <div class="col-sm-12">
                <label class="control-label">姓名/手机号码：</label>
                <input type="text" class="form-control" />


                <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-search"></i></button>
            </div>
        </form>
    </div>
    <div class="row contentLayout">
        <div class="col-sm-12">
            <table id="mytable"></table>

        </div>
    </div>
</div>
<style>
    .contentLayout {
        margin-top: 10px;
    }

    .form-control {
        display: inline-block !important;
        width: 200px;
        padding: 0 5px !important;
        height: 28px !important;
    }

    html, body, * {
        font-weight: 200 !important;
        font-size: 12px !important;
    }
</style>
@section script{
    <script src="~/js/plugins/easyui/jquery.easyui.min.js"></script>
    <script src="~/js/plugins/easyui/easyui-lang-zh_CN.js"></script>
    <link href="~/js/plugins/easyui/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/js/plugins/easyui/themes/icon.css" rel="stylesheet" />
    <script type="text/javascript">
        $(function () {

            $('#mytable').datagrid({
                width: '100%',
                url: '/Home/GetBlankData',
                method: 'POST',
                pagination: true,
                rownumbers: true,
                columns: [[{
                    title: '操作',
                    field: 'id',
                    checkbox: true
                }, {
                    title: '姓名',
                    field: 'nickName'

                },
                {
                    title: '账号',
                    field: 'userName'

                }, {
                    title: '电子邮箱',
                    field: 'email'
                }, {
                    title: '创建时间',
                    field: 'createTime'
                }]]
            })


         

        })
    </script>
}
